body{padding: 0;margin: 0px;background: #f5f5f5;}
a{text-decoration: none;}
ul{list-style: none;display: inline;}
.clear{clear: both;}

.container{padding-left: 0px;padding-right: 0px;}

.header{height: 31px;background:#e3e4e5;border-bottom: solid 1px #ddd;font-size: 12px;}
.header .left{float: left;}
.header .right{float: right;}
.header span{margin: 0px 5px;color: #ccc}
.header div{line-height: 31px;}
.header div i{margin-right: 5px;}
.header div a{color: #999;}
.header div a:hover{color: #e4393c;}
.header .vip{color: #fff;background: #bbb;padding: 2px;border-radius: 2px;}

.header .nav{width: 100%;background: rgb(226,35,25);height: 80px;}
.header .nav .logo img{float: left;}
.header .nav .logo .my-jd{float: left;margin-left: 15px;}
.header .nav .logo .my-jd p{font-size: 20px;color: #fff;margin-top: 15px;margin-bottom: 0px;}
.header .nav .logo .my-jd div{color: #ffb2b2;border: solid 1px #ffb2b2;border-radius: 12px;line-height: 25px;text-align: center;padding: 0px 5px;}

.header .nav .menu{float: left;margin-left: 40px;line-height: 80px;}
.header .nav .menu li{list-style: none;display: inline;float: left;margin-right: 35px;}
.header .nav .menu li a{color: #fff;font-size: 16px;text-decoration: none;}
.header .nav .menu li a i{margin-left: 5px;}

.header .nav .search{float: right;margin-top: 22px;margin-right: 20px;}
.header .nav .search input{border: none;}
.header .nav .search button{margin-left: -3px;border: none;width: 50px;height: 33px;}
.header .nav .cart{float: right;background: #fff;padding: 0px 10px;border: solid 1px #fff;margin-top: 22px;}
.header .nav .cart a{text-decoration: none;}
.header .nav .cart i{color: #e4393c;}

.menus{margin-top: 100px;}
.menus .active{color: #e4393c!important;font-weight: 600;}
.menus .my-center p{font-weight: 700;}
.menus .my-center ul{padding-left: 0px;float: left;}
.menus .my-center li{margin: 5px 0px;}
.menus .my-center ul a{color: #777;}

.menus .my-order{padding: 0px;}
.menus .my-order .title{background: #fff;padding: 20px;font-weight: 700;color: #666;}
.menus .my-order .orders{background: #fff;padding: 20px;margin-top: 20px;}

.menus .my-order .orders .nav li{list-style: none;display: inline;float: left;margin-right: 20px;font-size: 12px;}
.menus .my-order .orders .nav a{color: #333;text-decoration: none;}
.menus .my-order .orders .nav a:hover{color: #e74649}
.menus .my-order .orders .nav .active{color: #e74649;border-bottom: solid 2px #e74649;padding-bottom: 2px;}
.menus .my-order .orders .nav span{color: #999;margin: 0px 10px;}

.menus .my-order .orders .nav .search{float: right;}
.menus .my-order .orders .nav .search input{width: 170px;border: solid 1px #bbb;}
.menus .my-order .orders .nav .search button{margin-left: -5px;border: solid 1px #bbb;color: #666;}

.menus .my-order .orders{float: left;width: 100%;}
.orders .table-theader{background: #f5f5f5;margin-top: 10px;padding: 5px 20px;font-size: 12px;float: left;width: 100%;}
.table-theader div{float: left;}
.table-theader i{margin-left: 10px;}
.table-body{margin-top: 20px;}
.table-body table{width: 100%;font-size: 12px;border: solid 1px #eee;}
.table-body thead tr{background: #f5f5f5;}
.table-body thead tr th{color: #666;font-weight: 500;padding: 5px 20px;font-size: 12px;}
.table-body tbody tr td{padding: 10px;color: #999;}
.table-body tbody tr td img{float: left;padding: 2px;border: solid 1px #efefef;}
.table-body .titles{float: left;padding: 0px;width: 270px;margin-left: 10px;}
.table-body a{color: #333;text-decoration: none;}
.table-body a:hover{color: #e74649}
.table-body .titles p{color: #999;}
.table-body .money{text-align: center;}
.table-body hr{margin: 0px;}
.table-body i{margin: 0px 5px;}
.table-body .buy{padding: 5px 15px;border: solid 1px #bbb;background: rgb(245,245,245);color: #333;}